.page-gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.page-gray * {
  filter: Gray;
  -webkit-filter: Gray;
  -o-filter: Gray;
  -ms-filter: Gray;
  -moz-filter: Gray;
}
.homeSwiper {
	width: 100vw;
	height: 100vh;
}
.homeSwiper .swiper-slide{
	height: 100%;
	width: 100%;
	
}
.homeimgs{
	width: 100%;
	height: 100%;
}
.homenead{
  position: fixed;z-index: 9;top:0;
  left: 0;
  width: 100%

}
.bg-img{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.homeimgs img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-30%);
	-webkit-transform: translate(-50%,-30%);
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 9;
}
.swiper-slide-active .homeimgs img{
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	opacity: 1;
}
.two{
	display: none;
}
.homeic{
	position: absolute;
	left: 50%;
	bottom: 2.5em;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 9;
}
.home2 h2{
	font-size: 3em;
	line-height: 1.2em;
	padding-top: 21.4vh;
	opacity: 0;
	transform: translateY(50px);
	transition: all .5s;
	-webkit-transform: translateY(50px);
	-webkit-transition: all .5s;
}
.active.home2 h2{
	transform: translateY(0);
	opacity: 1;
}
.home2list .top{
	font-size: 3em;
}
.home2list{
	width: 100%;
	margin-top: 2.75em;
}
.home2list .bottom{
	font-size: .9em;
	color: #484848;
	margin-top: 15px;
}
.home2list .list{
	width: 23%;
	max-width: 280px;
	border-top: 1px solid #5a5a5a;
	padding-top: 20px;
	margin-right: 3em;
	opacity: 0;
	transform: translateY(50px);
	transition: all .5s;
	-webkit-transform: translateY(50px);
	-webkit-transition: all .5s;
}
.active .home2list .list{
	opacity: 1;
	transform: translateY(0);
}
.home2list .list{
	transition-delay:.1s ;
}
.home2list .list+.list{
	transition-delay:.2s ;
}
.home2list .list+.list+.list{
	transition-delay:.3s ;
}
.home2list .list+.list+.list+.list{
	transition-delay:.4s ;
}z
.flex{
	display: flex;
	display: -webkit-flex;
}
.home3swiper .imgs{
	height: 21em;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home3swiper .imgs:hover{
	transform: scale(1.07);
}
.home3 h3{
	font-size: 1.5em;
	margin-top: 35px;
}
.home3 .text{
	font-size: .8em;
	line-height: 1.5;
	margin-top: 25px;
}
.home3 h1{
	font-size: 2em;
	margin-top: 20px;
	
}
.home3 h5{
	font-size: .8em;
	margin-top: 30px;
}
.home3swiper{
	margin-top: 2em;
	padding-left: 13%;
}
.line{
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
}
.line .btnbox{
	background-color: #fff;
	width: 166px;
}
.line .home3btn svg{
	width: 2.5em;
	height: 2.5em;
	color: #0964b5;
}
.home3btn{
	opacity: .4;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home3btn:hover{
	opacity: 1;
}
.home3btn2{
	margin-left: 12px;
}
.line .flex{
	justify-content: center;
}
.btnbox{
	margin-top: -23px;
}
.home3 {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-content: center;
	-webkit-flex-wrap: wrap;
	-webkit-align-content: center;
}
.home4 .imgs{
	height: 100vh;

	width: 100%;
	position: relative;
	
	transition: all 2.1s;
	background-size: 104%

	
}
.active.home4 .imgs{
	opacity: 1;
	transform: translateY(0);
	background-size: 100%

}
.home4 h1{
	font-size: 3em;
	transform: translateY(50px);
	transition: all .5s;
	opacity: 0;
}
.home4 .text{
	font-size: .8em;
	line-height: 1.67em;
	margin-top: 1.67em;
	transform: translateY(50px);
	transition: all .5s;
	opacity: 0;
	transition-delay: .2s;
}
.home4btn{
	width: 180px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	color: #0964b5;
	border: 1px solid #0964b5;
	font-size: 14px;
	font-weight: bold;
	border-radius: 35px;
	margin-top: 55px;
	cursor: pointer;
}
.home4btn a{
	transition: all 0s;
}
.homenews a:hover h3{
	color: #0964b5!important;
}
.animb{
	transform: translateY(50px);
	transition: all .5s;
	opacity: 0;
	transition-delay: .4s;
}
.active.home4 h1{
	transform: translateY(0);
	opacity: 1;
}
.active.home4 .text{
	transform: translateY(0);
	opacity: 1;
}
.active .animb{
	transform: translateY(0);
	opacity: 1;
}
.home4btn img{
	margin-right: 6px;
	vertical-align: -1px;
	width: 15px;
}
.home4{
	display: flex;
	display: -webkit-flex;
	align-content: center;
	align-items: center;
}
.home4 .posab{
	position: absolute;
	top: 50%;
	left: 0em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.home5 h1{
	font-size: 2em;
	margin-top: 20px;
}
.home5 h5 svg{
	width: 14px;
	height: 10px;
}
.home5 h5{
	font-size: .8em;
	margin-top: 30px;
}
.home5 h5 a:hover{
	color: #0964b5!important;
}
.homenews a{
	display: flex;
	
}
.homenews{
	margin-top: 1.6em;
	border-bottom: 1px solid #e2e2e2;
}
.homenews .left{
	color:#0964b5;
	font-size: 1.2em;
	width: 12.08em;
	flex-shrink: 0;
}
.homenews .right h3{
	font-size: 1.2em;
	display: inline-block;
 white-space: nowrap; 
width: 100%; 
overflow: hidden;
text-overflow:ellipsis;
	
}
.homenews .right .text{
	font-size: .8em;
	line-height: 1.8;
	margin-top: 25px;
}
.homenews .list{
	padding: 2em 0 1.75em;
	border-top: 1px solid #e2e2e2;
}
.home5{
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
}
.home6 h1{
	font-size: 2em;
}
.home6 .text{
	font-size: .8em;
	line-height: 1.67em;
	margin-top: 1.67em;
	transition-delay: .4s;
}
.home4btn{
	width: 180px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	color: #0964b5;
	border: 1px solid #0964b5;
	font-size: 14px;
	font-weight: bold;
	border-radius: 35px;
	margin-top: 55px;
	cursor: pointer;
}
.home6 .top{
	height:26em;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}
.home6 .posab{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}
.home6 .foot{
	width: 100%;
}
.home6{
	height: auto!important;
}
.overflow-{
	overflow: hidden;
}
.box1{
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s;
}
.active .box1{
	transform: translateY(0%);
	opacity: 1;
}
.home3swiper{
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s;
}
.active .home3swiper{
	transform: translateY(0);
	opacity: 1;
}
.ishover{
	display: none;
}

.home4btn::after{
	width: 10px;
	height: 10px;
	display: block;
	content: '';
	background-color: #0964b5;
	transform: scale(0);
	transition: all .5s;
	position: absolute;
	left: -2%;
	top: 15px;
	z-index: -1;
	border-radius: 50%;
}
.home4btn{
	position: relative;
	overflow: hidden;
	transition: all .5s;
}


.home5 .global-inner{
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s;
}
.active.home5 .global-inner{
	transform: translateY(0);
	opacity: 1;
}
.home6 h1{
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s;
}
.home6 .text{
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s;
	transition-delay: .2s;
}
.active.home6 h1{
	transform: translateY(0);
	opacity: 1;
}
.active.home6 .text{
	transform: translateY(0);
	opacity: 1;
}
.active .home4btn{
	transform: translateY(0);
	opacity: 1;
}
.video-js{
	z-index: 2;
}
.homeSwiper .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.15);
	top: 0;
	left: 0;
	z-index: 5;
}
.homenews a:hover .text{
	color: #333;
}
/* .home3swiper .swiper-slide{
	width: 35.5%;
} */
.homeic::after{
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 8px;
	background-color: #fff;
	display: block;
	content: '';
	  -webkit-animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
	  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(11px);
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -o-transform: translateY(11px);
    transform: translateY(11px);
  }
}
.homebg2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	
}
.active .homebg2{
	transform: scale(1.06);
	transition: all 2.5s;
}
.home3swiper  .swiper-wrapper{
	transition-timing-function: cubic-bezier(0.42,0,0.58,1);
}
.p-home .main-box{
	padding-bottom: 0;
}
@media (min-width:992px) {
	.home4btn:hover .ishover{
	display: inline-block;
}
.home4btn:hover .nohover{
	display: none;
}
	.home4btn:hover::after{
	transform: scale(40);
}
	.home4btn:hover{
	color: #fff;
}
	.p-home.isone .header{
		background: transparent;
		position: fixed;
		border-bottom: 0px;
		box-shadow: 0 0 0;
		color: #fff;
	}
	.p-home .header{
		position: fixed;
	}
	.isone .headtab .active .tit::after{
		background-color: #fff;
	}
	.isone .headtab .bottom a{
		color: #333;
	}
}
@media (max-width:1800px) {
	.home2list .list{
		max-width: 200px;
	}
	.home3swiper {
		padding-left: 10%;
	}

}
@media (max-width:1500px) {
	.home2list .list{
		max-width: 190px;
	}
	.home3swiper .imgs{
		height: 15em;
	}
	.homenews .right .text{
		margin-top: 13px;
	}
}

	.imgshome1{
		width: 100%;
		height: 100%;
	}
	.home1 .hidden-lg-up{
		height: 100%;
	}
	.imgshome1 svg{
		width: 1.2rem;
		height: 1.2rem;
		color: #fff;
		position: relative;
		z-index: 999;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
@media(max-width:991.98px){
	.homenews .left{
		font-size: .28rem;
		margin-top: .3rem;
	}
	.home3pag .swiper-pagination-bullet{
		background-color: #dcdcdc;
	}
	.home3 .global-inner{
		margin-top: .4rem!important;
		margin-bottom: 1.4rem!important;
	}
	.home3pag  .swiper-pagination-bullet-active{
		background-color: #0964b5;
	}
	.homebg2{
		background-image: url(/img/images/home2-2.png)!important;
	}
	.video-js{
		object-fit: contain!important;
	}
	#my-video1_html5_api{
		object-fit: contain!important;
	}
	
	.homeSwiper{
		height: auto;
	}
	.homeSwiper>.swiper-wrapper{
		height: auto;
		display: block;
	}
	.homeSwiper>.swiper-wrapper .swiper-slide{
		height: auto;
	}
	.home1 {
		height: 94vh!important;
	}
	.home2 {
		height: 11rem!important;
	}
	.home2list{
		margin-top: .55rem;
	}
	.home2 h2{
		opacity: 1;
		max-width: 4.6rem;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all .5s;
		font-size: .6rem;
		padding-top: 1.3rem;
		
	}
	.home2list .top{
		font-size: .6rem;
	}
	.home2list .list{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		width: 34%;
		padding-top: .35rem;
		margin-bottom: .35rem;
	}
	.home2list .bottom{
		font-size: .3rem;
	}
	.box1{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.home3 h5{
		font-size: .3rem;
		line-height: .48rem;
		margin-top: .4rem;
	}
	.home3 h1{
		font-size: .6rem;
		margin-top: 0;
	}
	.home4 .imgs{
		height: 11rem;
	}
	.home4 .imgs{
		background-image: url(/img/images/homewap1.jpg)!important;
	}
	.home4 .posab{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		padding: 0 .5rem;
		top: auto;
		bottom: 1.45rem;
	}
	.home6 h1{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		font-size: .6rem;
		line-height: .72rem;
	}
	.home6 .top{
		background-position:top  center;
		background-image: url(/img/images/waphome7.jpg)!important;
		height: 9.6rem;
	}
	.home6 .text{
		font-size: .3rem;
	}
	.home6 .text{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.home5 h1{
		font-size: .6rem;
	}
	.home5 h5{
		font-size: .28rem;
		text-align: center;
	}
	.home5 {
		margin-bottom: 1.5rem;
		margin-top: 1.05rem;
	}
	.homenews .right .text{
		font-size: .28rem;
		line-height: .48rem;
	}
	.homenews a{
		display: block;
	}
	.homenews .right h3{
		font-size: .32rem;
		margin-top: 0;
	}
	.home5 .global-inner{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.home4 .text br{
		display: none;
	}
	.home4btn{
		margin-top: .45rem;
		font-size: .28rem;
		width: 3rem;
		height: .8rem;
		line-height: .8rem;
	}
	.home4 h1{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		font-size: .6rem;
	}
	.home4 .text{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		font-size: .28rem;
	}
	.animb{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.home3{
		margin-top: 1.4rem;
	}
	.home3swiper{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.home3{
		display: block;
		padding: 0 .5rem;
	}
	.home3 .global-inner{
		padding: 0!important;
	}
	.home3 h3{
		padding-bottom: .4rem;
		border-bottom: 1px solid #dcdcdc;
	}
	.line{
		display: none;
	}
}
@media screen and (min-width: 560px) and (max-width: 991.98px){

  .home3swiper .imgs{
    height: 22em;
  }
}